<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>每日计划</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="shortcut icon" href="icon/nav-logo1.jpg">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="items">
    <div class="left">
        <div class="nr">
            <div class="top">
                <a href=""><img src="images/touxiang.jpg" alt="" class="touxiang"></a>
                <span>像你一样甜。</span>
                <a href=""><i class=" fa fa-search"></i></a>
                <a href=""><img src="images/lingdang_03.png" alt="" class="ling"></a>
            </div>
            <div class="center">
                <div class="c-1">
                    <img src="images/jin_07.png" alt="">
                    <a href="">今天</a>
                </div>
                <div class="c-2">
                    <img src="images/zui_10.png" alt="">
                    <a href="">最近7天</a>
                </div>
                <div class="c-3">
                    <img src="images/ri_12.png" alt="">
                    <a href="">日历</a>
                </div>
            </div>
            <div class="bottom">
                <div class="shang">
                    <ul class="clearfix">
                        <li class="btn1"><a href="#">清单</a></li>
                        <li><a href="#">标签</a></li>
                        <li><a href="#">自定义</a></li>
                    </ul>
                </div>
                <div class="xia">
                    <div class="x-1">
                        <a href=""><img src="images/jia_14.png" alt=""></a>
                        <a href="">添加清单</a>
                    </div>
                    <div class="x-2">
                        <a href=""><img src="images/wan_16.png" alt=""></a>
                        <a href="">已完成</a>
                    </div>
                    <div class="x-3">
                        <a href=""><img src="images/la_18.png" alt=""></a>
                        <a href="">垃圾桶</a>
                    </div>
                    <div class="x-4">
                        <a href=""><img src="images/zhan_03.png" alt=""></a>
                        <a href="">摘要</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="right">
        <div class="container">
            <div id="myDIV" class="header">
                <h2 style="margin:5px">My To Do List</h2>
                <input type="text" id="myInput" placeholder="Title...">
                <span onclick="newElement()" class="addBtn">Add</span>
            </div>

            <ul id="myUL">
                <li>Go jogging</li>
                <li class="checked">To have lunch</li>
                <li>Read a book</li>
                <li>Do the homewor</li>
                <li>Wash clothes</li>
                <li>Sleep</li>
            </ul>
        </div>
    </div>



</div>















<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>